<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><extend name="common:base" />

        <block name="tohead">
            <link rel="stylesheet" href="/static/admin/js/webuploader/webuploader.css">
        </block>

        <block name="content">
            <ul class="nav nav-tabs">
                <li><a href="{{:url('sign/index')}}" class="index-url">签到</a></li>
                <li class="active"><a>编辑奖品</a></li>
            </ul>

            <form name="dataForm" class="form-horizontal top15" action="{{:url('sign/edit_reward_info')}}">
                <table class="table table-bordered must-middle">
                    <tr>
                        <th width="10%" rowspan="3">封面图 | 不可修改</th>
                        <td width="35%" rowspan="3" style="text-align: center;">
                            <div id="filePicker">
                                <input type="hidden" id="image" name="img_url" value="{{$lists.img_url}}">
                                <img id="image_show" src="{{$lists.img_url}}" style="width: 120px; height: 75px;">
                            </div>
                            <span class="help-block" style="color: #999;">图片比例为 16：10</span>
                        </td>
                    </tr>
                    <tr>
                        <th>签到周期</th>
                        <td>
                            <input type="text" name="sign_count" value="{{$lists.sign_count}}" class="form-control" maxlength="50">
                        </td>
                    </tr>
                    <tr>
                        <th>满足签到条件的奖品</th>
                        <td>
                            <input type="text" name="sign_reward" value="{{$lists.sign_reward}}" class="form-control" maxlength="50">
                        </td>
                    </tr>
                    <tr>
                        <th>status</th>
                        <td>
                            <input type="text" name="status" value="{{$lists.status}}" class="form-control" maxlength="50">
                        </td>
                    </tr>
                    <input type="hidden" name="id" value="{{$lists.id}}">
                    <tr>
                        <td colspan="4" style="text-align: center;">
                            <a class="btn btn-primary btn-save">保 存</a>
                            <a class="btn btn-default btn-cancel left10">返 回</a>
                        </td>
                    </tr>
                </table>
            </form>
        </block>

        <block name="footer">
            <script>
                // 上一个页面的 url，给编辑返回使用
                if(document.referrer == window.location.href){
                    // 本页刷新，不处理
                }else{
                    $.cookie('edit_back_referrer', document.referrer, {path: '/'});
                }

                // 自定义 ueditor 上传地址，默认 article，这里要在下面的 js 前面
                var ueditor_upload_url = "{{:url('ueditor/doupload', array('savepath' => 'article'))}}";
            </script>
            <script src="/static/admin/js/ueditor/ueditor.config.js"></script>
            <script src="/static/admin/js/ueditor/ueditor.all.min.js"></script>
            <script src="/static/admin/js/webuploader/webuploader.nolog.min.js"></script>
            <script>
                $(function(){
                    // 实例化时间控件 laydate
                    laydate.render({
                        elem: '#datetime_picker', //指定元素
                        format: 'yyyy-MM-dd',
                    });

                    // 实例化 ueditor
                    var ue = UE.getEditor('ueditorbox', {
                        toolbars: [
                            ['fullscreen','preview','source','undo','redo','bold','italic','underline','strikethrough','fontborder','subscript','superscript','horizontal','removeformat','pasteplain','blockquote','emotion','spechars','link','unlink','cleardoc'],
                            ['insertcode','fontfamily','fontsize','paragraph','forecolor','backcolor','background','insertorderedlist','insertunorderedlist','simpleupload','insertimage','map'],
                            ['justifyleft','justifyright','justifycenter','justifyjustify','imagenone','imageleft','imagecenter','imageright','insertparagraphbeforetable','inserttable','deletetable','edittable','edittd','insertrow','insertcol','deleterow','deletecol','splittorows','splittocols','splittocells','mergecells','mergeright','mergedown','deletecaption','inserttitle'],
                        ],
                        autoHeightEnabled: false,
                        autoFloatEnabled: false,
                        autoClearinitialContent: false // 获得焦点后是否清空编辑器内容
                    });
                });

                // 封面图上传
                jQuery(function() {
                    var $ = jQuery, uploader;
                    var image = $('#image').val();

                    // 初始化Web Uploader
                    uploader = WebUploader.create({
                        // 自动上传
                        auto: true,
                        // swf文件路径
                        swf: '/static/admin/js/webuploader/Uploader.swf',
                        // 文件接收服务端
                        server: "{{:url('upload/upimage')}}",
                        formData: {'img_url':image},
                        // 选择文件的按钮。可选。
                        // 内部根据当前运行是创建，可能是input元素，也可能是flash
                        pick: '#filePicker',
                        // 只允许选择文件，可选。
                        accept: {
                            title: 'Images',
                            extensions: 'gif,jpg,jpeg,bmp,png',
                            mimeTypes: 'image/*'
                        }
                    });

                    // 当有文件添加进来的时候
                    uploader.on( 'fileQueued', function( file ) { });

                    // 文件上传过程中创建进度条实时显示
                    uploader.on( 'uploadProgress', function( file, percentage ) { });

                    // 文件上传成功，给item添加成功class, 用样式标记上传成功
                    uploader.on( 'uploadSuccess', function(file, ret) {
                        if(ret.status == 1){
                            layer.msg(ret.msg, {icon:1, time:1500}, function(){
                                $('#image_show').attr('src', ret.imgurl);
                                $('#image').attr('value', ret.imgurl);
                            });
                        }else{
                            layer.msg(ret.msg, {icon:5, time:1500});
                        }
                    });

                    // 文件上传失败，现实上传出错
                    uploader.on( 'uploadError', function( file ) { });

                    // 完成上传完了，成功或者失败，先删除进度条。
                    uploader.on( 'uploadComplete', function( file ) { });
                });
            </script>
        </block>
    </title>
</head>
<body>

</body>
</html>